// 管理自定义指令 imgerror来处理图片报错的问题
export const imgerror = {
  // 自定义指令的钩子函数
  // inserted: 是在dom元素渲染完成之后，再执行
  inserted(dom, option) {
    // 当头像为空时，处理加载本地图片
    dom.src = dom.src || option.value
    // console.log('头像有问题', option.value)
    // option 表示的是，使用指令的时候，传过来的参数对象， 其中.value就表示事件传递的具体的值
    // dom表示执行指令的dom对象
    // 当图片有地址，但是加载失败的时候，会触发一个onerror的事件
    dom.onerror = function() {
      // 当图片加载失败的时候，会提供一张默认图片
      dom.src = option.value
    }
  },
  // 组件更新后，做的一些操作。组件在创建过程中，只会执行一次，此时如果由多个页面，后面的东西不会跟着变化，所有用组件更新之后的钩子函数来帮助修改之前待修改的内容
  componentUpdated(dom, options) {
    dom.src = dom.src || options.value
  }
}
